<template>
  <h1>{{ count }}</h1>
  <button type="button" @click="setCount">count is: {{ count }}</button>
  <el-row>
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </el-row>
</template>

<script setup lang="ts">
import { computed } from 'vue'
import { store } from '@/store'

const count = computed(() => store.getters['getCount'])
const setCount = () => {
  store.commit('setCount', 1)
}

</script>

<style scoped>
</style>
